<div data-bb-type="screen" data-bb-effect="fade">
<div id="fook" data-bb-type="title" data-bb-caption="My GPA Ambition" data-bb-back-caption="<<" data-bb-action-caption="+" onactionclick="alert('Add Clicked')"></div>

<script id="actionBarJS" src="js/actionBar.js"></script>
	<div data-bb-type="round-panel" id="Semester">
		<p style="text-align:center">6th semester GPA: 3.202</p>
		<p style="text-align:center">You had 5 Courses and 10 Credits in this semester.</p>
		<div>Click each course to edit.</div>
	</div>
	
	<div data-bb-type="round-panel">
		<div data-bb-type="scroll-panel" id="coursePanel">
			<div data-bb-type="image-list" data-bb-images="none" >
				<div data-bb-type="item" data-bb-title="Object Oriented Programming" data-bb-accent-text="B">4 Credits</div>
				<div data-bb-type="item" data-bb-title="Motivation Training" data-bb-accent-text="A">2 Credits</div>
				<div data-bb-type="item" data-bb-title="Artificial Intellegence" data-bb-accent-text="B">3 Credits</div>
				<div data-bb-type="item" data-bb-title="Distributed System" data-bb-accent-text="A">1 Credits</div>
		   </div>
		</div>
	</div>
	
	<div data-bb-type="button" data-bb-style="stretch" onclick="bb.pushScreen('addCourse.htm', 'addCourse');">Add New Course</div>
	
	<div data-bb-type="action-bar" data-bb-back-caption="Back"></div>

</div>